{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<script type="text/javascript" src="js/echarts/echarts.min.js"></script>
<script type="text/javascript" src="js/echarts/echarts-gl.min.js"></script>
<script type="text/javascript" src="js/echarts/ecStat.min.js"></script>
<script type="text/javascript" src="js/echarts/dataTool.min.js"></script>
<script type="text/javascript" src="js/echarts/china.js"></script>
<script type="text/javascript" src="js/echarts/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="js/echarts/bmap.min.js"></script>
<script type="text/javascript" src="js/echarts/simplex.js"></script>
<style type="text/css">
    .mui-content{background-color: #fff;}
    .mui-content>.mui-table-view:first-child{ margin-top: 0;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <!--折线图 开始-->
    <div class="mb-zx-title xw-border-bottom">
        <h4 class="mui-clearfix">
            错题率统计
            <select class="mb-banji mui-pull-right" name="">
                <option value="0">三年一班</option>
                <option value="0">三年二班</option>
                <option value="0">三年三班</option>
            </select>
            <i class="iconfont icon-jiantou"></i>
        </h4>
    </div>
    <div id="container" class="mb-zhexian"></div>
    <!--折线图 结束-->

    <!--树状图 开始-->
    <div class="mb-zx-title mt-10">

    </div>
    <!--树状图 结束-->

    <!--更多功能逐渐完善中-->
</div>
{% endblock %}

{#js代码#}
{% block js %}
<script type="text/javascript" charset="utf-8">
    mui.init();
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data:['全区错题率','本班错题率']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['周一','周二','周三','周四','周五','周六','周日']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name:'全区错题率',
                type:'line',
                stack: '总量',
                data:[0, 0, 0, 0, 50, 0, 0]
            },
            {
                name:'本班错题率',
                type:'line',
                stack: '总量',
                data:[0, 0, 0, 0, 50, 0, 0]
            }
        ]
    };
    ;
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>
<!--flotdemo-->
{% endblock %}
